import React, { useState ,useEffect} from 'react';

import { View, Text, Image,Platform, ImageBackground,
    ScrollView,StyleSheet,TextInput,TouchableOpacity ,Alert} from 'react-native';
import Icon from 'react-native-vector-icons/AntDesign';
// import Swipeout from 'react-native-swipeout'
import '../common/global'
import SplashScreen from 'react-native-splash-screen';
import AsyncStorage from '@react-native-async-storage/async-storage';

const HomeScreen = ({ navigation ,route}) => {
    setTimeout(() => {
        SplashScreen.hide();
    }, 2000)
    
    // const [Tab,setTab] = useState('0')           

    return (
        <ScrollView style={ { flex: 1 } }>
           <View style={styles.navsbox}>          
              <TouchableOpacity style={styles.nav} 
                            onPress={()=>{
                                navigation.navigate("Rel")
                            }} >
                            <Image style={{width:ptd(40),height:ptd(40)}} source={require('./img/add.png')}></Image>
                            
                        </TouchableOpacity> 
     
            </View>        
       </ScrollView>
    );
}
export default HomeScreen;

const styles = StyleSheet.create({
//     dirlist:{
//         height:90,
//         borderBottomColor:'gray',
//         borderBottomWidth:1,
//         borderStyle:'solid',
//         paddingLeft:ptd(10),
//         paddingTop:ptd(23)
//     },
//     cons:{
//         fontSize:18,
//         position:'relative',
//         left:55,
//         top:-28
//     },
//    lists:{
//     width:ptd(310),
//     height:80,
//     lineHeight: 80,
//     marginLeft: ptd(32),
//     marginRight: ptd(20), 
//     paddingTop: ptd(10), 
//     paddingLeft: ptd(10), 
//     borderRadius: 8,
//     marginTop:20,
//     backgroundColor:'#d3d3d3', 
//    },
//     tabs:{
//         lineHeight: 40,
//         marginLeft: ptd(80),
//         marginRight: ptd(20),      
//         fontSize:15,
//         borderBottomColor:'#FB7737',
//     },
    nav:{
        width: '15%',
        alignItems: 'center',
        paddingTop: 25,
        marginLeft:35
    },
    navsbox:{
        flexDirection: 'row',
        flexWrap: 'wrap'
    },
    
   
})

